<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <title>菜单管理</title>
    <link th:href="@{/css/mobile.css}" rel="stylesheet">
</head>
<body>

<div style="position: relative;width: 100%;height: 8vh;left: 0"></div>
<section>
    <div class="left-list-outer">
        <div class="left-list" style="color: white;background-color: #0066ff;" >
            <div class="left-text-box">
                <p style="margin: 0;font-size: calc(8px + 4vh);display: block">+</p>
            </div>
            <a target="iframe-left" th:href="@{/toAddMenu}" style="position: absolute;width: 100%;height: 100%"></a>
        </div>
        <div th:each="window:${windows}" class="left-list" >
            <div class="left-text-box">
                <p style="margin: 0;">窗口</p>
                <p style="margin: 0;" th:text="${window}"></p>
            </div>
            <a target="iframe-left" th:href="@{/toMenuStatus(w=${window})}" style="position: absolute;width: 100%;height: 100%"></a>
        </div>
    </div>
    <div class="right-list-outer">
        <iframe name="iframe-left" frameborder=0 width="100%" height="100%" th:src="@{/toMenuStatus(w=1) }"></iframe>
    </div>
</section>
</body>
</html>